﻿.color_red {
    color: #ff0000 !important;
}
.color_purple{
    color:#ff00ff !important;
}
.color_yellow {
    color: #f7ff31 !important;
}

.color_green {
    color: #00ff00 !important;
}
.bt-st-yellow{
    color: #DEDE49;
}
body {
}
/*--common--*/
a {
    text-decoration: none !important;
    color: #4d2d2d;
}

    a:hover {
        color: #723602 !important;
    }

ul li, ul li a {
    list-style-type: none;
    color: #723602;
}

.spn-color-green {
    color: #4dcc00;
}

.bg-color {
    background-color: #4dcc00;
    color: #fff;
}

.breadcrumb {
    background: none !important;
    border-left: 2px solid #4dcc00;
}

    .breadcrumb li {
        font-size: 20px;
    }
/*--end common--*/

/*--header---*/
header {
    border-bottom: 1px solid #4dcc00;
    padding-bottom: 5px;
}

    header .row {
    }

.logo img {
    width: 100%;
}

.ul-w li {
    margin-top: 40px;
    float: left;
    margin-right: 35px;
    font-size: 20px;
}

    .ul-w li a {
        color: #4d2d2d;
    }

.img-stock img {
    height: 83px;
}

.btn-active-flag {
    width: 100%;
    border: none !important;
}

    .btn-active-flag img {
        width: 100%;
    }

.dropdown-flag {
    border: none !important;
    float:left;
    padding-left: 0;
    list-style-type: none !important;
}
.dropdown-flag li{
    float:left;
    margin-right: 5px;
        list-style-type: none !important;

}
    .dropdown-flag li input{
        width: 20px;
    }
    .dropdown-flag li a img {
        width: 30%;
    }

.header-date {
    font-weight: bold;
    font-size: 12px;
    width: 100%;
    margin-bottom: 7px;
}

.header-contact {
    width: 50%;
}

    .header-contact a:hover {
        color: #723602;
    }

#main-nav {
    overflow: hidden;
    margin-top: 5px;
    background-position-y: -27px;
    border-radius: 5px;
}

    #main-nav ul li {
        float: left;
        padding: 5px;
        padding-right: 65px;
        cursor: pointer;
    }


        #main-nav ul li a {
            color: #fff;
            font-size: 14px;
            text-transform:uppercase;
        }

/*--end header--*/

/*--section-content--*/
#section-content {
   
}

    #section-content .row {
        margin-bottom: 5px;
    }

.main-slider {
    border: 1px solid #723602;
    border-radius: 5px;
    margin-right: 15px;
    padding: 2px !important;
    margin-bottom: 15px;
}

    .main-slider img {
        height: 290px;
        width: 100%;
    }

.widgets {
    padding-left: 0 !important;
}

.widget-login, .frmRegister {
    padding: 10px;
    border-radius: 5px;
    padding-top: 0;
    border: 1px solid #4dcc00;
    margin-bottom: 5px;
    overflow: hidden;
}

    .widget-login .col-md-6 {
        padding: 5px;
    }

.widgets h3 {
    margin: 0;
    background: #4dcc00;
    color: #fff;
    font-size: 14px;
    padding: 5px;
    margin-bottom: 5px;
    text-align: center;
}

.widget-login label, .frmRegister label {
    color: #4d2d2d;
}

.widget-login input, .frmRegister input {
}

.widget-login button, .frmRegister button {
    font-weight: bold;
    padding: 5px 15px;
}

.widget-login .btn-signup {
    background: none;
    color: #654848;
    border: none;
}
.form-group{
    margin-bottom: 10px !important;
    overflow: hidden;
}
.widget-login .form-group, .frmRegister .form-group {
    margin-bottom: 5px;
}

.widget-news {
    border: 1px solid #4dcc00;
    border-radius: 5px;
    padding: 0 !important;
    margin-bottom: 5px;
}

.content-about-us {
    color: #723602;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #4dcc00;
    font-size: 13px;
    height: 313px;
}

    .content-about-us ul {
        width: 100%;
    }

        .content-about-us ul li {
            list-style-type: square;
        }

.content-stock {
}

    .content-stock img {
        width: 100%;
    }

.content-hot-news {
    padding: 0 15px;
}

    .content-hot-news li {
        overflow: hidden;
        margin-bottom: 27px;
    }

.popuplar-post {
    overflow: hidden;
}

    .popuplar-post li:first-child {
        float: none;
        width: 100%;
        border: none;
    }

    .popuplar-post li:last-child {
        border: none;
    }

    .popuplar-post li {
        border-bottom: 1px dotted #ccc;
        padding-bottom: 5px;
        font-size: 12px;
        font-weight: bold;
    }

        .popuplar-post li a {
            color: #337ab7 !important;
        }

            .popuplar-post li a:hover {
                color: #4dcc00 !important;
            }

            .widget-ecomic{
                padding: 5px;
            }
.widget-ecomic li p {
    color: #000;
    margin-bottom: 0;
    font-size: 14px;
}
.widget-ecomic li>a{
    color: #337ab7;
    font-weight: bold;
}
.widget-ecomic li>img{
    width: 256px;
    height: 100px;
    float: left;
}
.content-hot-news li a, .more-article li a {
    color: #337ab7;
}

    .content-hot-news li a:hover, .more-article li a:hover {
        color: #4dcc00;
    }

.content-hot-news li img {
    width: 20%;
    float: left;
    margin-right: 5px;
    height: 49px;
}

.quick-contact {
    width: 125px;
    border: 1px solid #4dcc00;
    border-radius: 5px;
    position: fixed;
    right: 5px;
    bottom: 5px;
    z-index: 999;
    box-shadow: 0 0 5px 0 #4d2d2d;
    background: #fff;
    padding: 5px;
}

    .quick-contact button.btn-home-contact {
        width: 100%;
        background: #4d2d2d;
        color: #4dcc00;
        font-size: 14px;
        height: 20px;
        padding: 0;
    }

        .quick-contact button.btn-home-contact:hover {
            color: #4dcc00;
        }

.home-contact {
    /*background:url(../Images/bg_binh.png) no-repeat;*/
    background-size: contain;
}

.tblStockHome {
    margin-bottom: 0 !important;
}

    .tblStockHome thead tr td {
        font-weight: bold;
    }

    .tblStockHome tr td {
        padding: 0 !important;
        margin: 0 !important;
        text-align: center;
        font-size: 11px;
    }

    .tblStockHome tbody tr td:first-child {
        color: #435ae5;
        font-weight: bold;
    }

    .tblStockHome tbody tr td {
        padding: 1px !important;
    }

.btnSTockHome {
    width: 100%;
    padding: 2px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    font-size: 11px !important;
}
/*--Register--*/
.frm-step {
    overflow: hidden;
}

    .frm-step ul.title-step {
        overflow: hidden;
        border-bottom: 1px solid #52ad87;
        padding-left: 0;
    }

        .frm-step ul.title-step li {
            float: left;
            padding: 20px;
            font-size: 16px;
            font-weight: bold;
            background: url(../Images/bg-step.jpg) no-repeat;
            background-position: right;
            width: 25%;
            text-align: center;
            padding-right: 0;
            color: #ccc;
            padding-left: 0;
        }

            .frm-step ul.title-step li:first-child {
                text-align: left;
            }

            .frm-step ul.title-step li.active {
                color: #4dcc00;
            }

    .frm-step .radio-inline {
        padding-right: 35px;
    }

    .frm-step fieldset input[type=text] {
        border: 1px solid #ccc;
        height: 30px;
        width: 100%;
        padding: 5px;
    }

    .frm-step fieldset .form-group {
        margin-bottom: 15px;
        overflow: hidden;
    }

    .frm-step fieldset textarea {
        width: 100%;
        height: 120px;
        padding: 5px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

.button-step {
    border-top: 1px solid #52ad87;
    padding-top: 15px;
}

.button-step {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

/*--about us--*/
.about-us ul li {
    margin-bottom: 10px;
    color: #000;

    list-style-type: circle;
}


.pm-event-item-container {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.pm-event-item-img-container {
    position: relative;
    width: 100%;
    min-height: 160px;
    border-bottom: 4px solid #4dcc00;
    background-size: cover;
    background-repeat: no-repeat;
}

.pm-event-item-date {
    min-width: 85px;
    height: auto;
    background-color: #EF5438;
    position: absolute;
    top: 0;
    right: 0;
    margin: 7px;
    text-align: center;
    padding-top: 7px;
}

.pm-event-item-month {
    font-family: 'Open sans';
    color: white;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 28px;
}

.pm-event-item-day {
    font-family: 'Open sans';
    color: white;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
}

.pm-event-item-desc {
    padding: 15px;
    text-align: center;
}

.pm-event-item-title {
    color: #ab8c6a !important;
    font-family: 'Open Sans';
    font-size: 14px !important;
    font-weight: 700;
    text-transform: uppercase;
}

.pm-event-item-divider {
    width: 75%;
    height: 1px;
    background-color: #ebebeb;
    margin: 15px auto;
    display: table;
}

.pm-event-item-btns {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    display: table;
    margin: 0 auto;
}

    .pm-event-item-btns li:before {
        content: "";
        padding: 0;
        margin: 0;
    }

    .pm-event-item-btns li {
        float: left;
        margin-right: 10px;
    }

        .pm-event-item-btns li:last-child {
            margin-right: 0px;
        }

/* 31. Single Event item */
.pm-event-item-img-container.single {
    position: relative;
    width: 100%;
    min-height: 260px;
    border-bottom: 4px solid #EF5438;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 30px;
}
/* 32. News post */
.pm-news-post-container {
    width: 100%;
    overflow: hidden;
    padding-bottom: 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px !important;
    padding: 5px;
}

.pm-news-post-image {
    width: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
    position: relative;
    background-size: contain;
}
.post-content-des{
    padding:0 !important;
}
.post-content-des>p{
    margin-bottom: 0 !important;
}
.pm-news-post-image img{
    width: 100%;
    height: 100px;
}
.pm-news-post-title {
    width: 70%;
    height: auto;
    position: absolute;
    bottom: -45px;
    right: 0;
    background-color: #4dcc00;
    padding: 8px 15px;
}
.pm-news-post-desc-container>a{}
    .pm-news-post-title.full-width {
        bottom: -30px;
        width: 75.5%;
        overflow: hidden;
    }

    .pm-news-post-title.quarter-width {
        bottom: -30px;
        width: 70%;
    }

    .pm-news-post-title.half-width {
        bottom: -40px;
        width: 78%;
    }

    .pm-news-post-title p {
        font-size: 14px;
        margin-bottom: 0px;
        color: #fff;
    }

.pm-news-post-continue a {
    font-family: 'Cantata One';
}

.pm-news-post-image img {
    width: 100%;
}

.pm-news-post-meta-container {
    float: left;
    width: 100%;
    padding: 0;
}

.pm-news-post-desc-container {
    overflow: hidden;
}

    .pm-news-post-desc-container.full-width {
        width: 100%;
    }

    .pm-news-post-desc-container.quarter-width {
        width: 62%;
    }

    .pm-news-post-desc-container.half-width {
        width: 72%;
    }

.pm-news-post-date {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
}

    .pm-news-post-date .day {
        float: left;
        font-size: 42px;
        color: #333;
        font-family: 'Cantata One';
        line-height: 50px;
        margin-right: 7px;
    }

    .pm-news-post-date .month-year {
        float: left;
        font-size: 12px;
        color: #333;
        font-family: 'Cantata One';
        text-transform: uppercase;
        line-height: 22px;
        margin-top: 3px;
    }

.pm-meta-options-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .pm-meta-options-list li {
        float: left;
    }

        .pm-meta-options-list li:before {
            content: "";
            margin: 0;
            padding: 0;
        }

        .pm-meta-options-list li, .pm-meta-options-list li a {
            font-size: 12px;
            color: #1a1a1a;
            transition: all 0.4s;
            -moz-transition: all 0.4s;
            -webkit-transition: all 0.4s;
            -o-transition: all 0.4s;
        }

            .pm-meta-options-list li a:hover {
                color: #EF5438;
            }

            .pm-meta-options-list li i {
                color: #ab8c6a;
            }

            .pm-meta-options-list li:last-child {
                margin-top: 10px;
            }

.post {
    padding: 0 !important;
    margin-bottom: 10px;
}
/* 37. Single Post Layout */
.pm-single-post-img-container {
    width: 100%;
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-bottom: 5px solid #4dcc00;
}

.pm-single-post-title {
    background-color: #4dcc00;
    bottom: -45px;
    height: auto;
    padding: 8px 15px;
    position: absolute;
    right: 0;
    width: 75%;
}

    .pm-single-post-title.full-width {
        width: 83.5%;
        bottom: -25px;
    }

    .pm-single-post-title p {
        color: white;
        font-size: 18px;
        margin-bottom: 0;
    }

.pm-single-post-meta-container {
    float: left;
    padding: 15px 0;
    width: 100px;
}

.pm-single-post-date {
    margin-left: 15px;
    overflow: hidden;
}

    .pm-single-post-date .day {
        color: #333;
        float: left;
        font-family: 'Cantata One';
        font-size: 16px;
        line-height: 20px;
        margin-right: 7px;
    }

    .pm-single-post-date .month-year {
        color: #333;
        float: left;
        font-size: 12px;
        line-height: 22px;
        margin-top: 3px;
        text-transform: uppercase;
    }

.pm-single-meta-options-list {
    list-style: none;
    padding: 0;
    margin: 0 0 0 15px;
}

    .pm-single-meta-options-list li:before {
        content: "";
        margin: 0;
        padding: 0;
    }

    .pm-single-meta-options-list li, .pm-single-meta-options-list li a {
        font-size: 12px;
        color: #1a1a1a;
        transition: all 0.4s;
        -moz-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -o-transition: all 0.4s;
    }

        .pm-single-meta-options-list li a:hover {
            color: #EF5438;
        }

        .pm-single-meta-options-list li i {
            color: #ab8c6a;
            margin-right: 6px;
        }

        .pm-single-meta-options-list li:first-child i {
            margin-left: 1px;
            margin-right: 7px;
        }

.pm-single-meta-divider {
    height: 1px;
    background-color: #dcdcdc;
    margin: 20px 0;
}

    .pm-single-meta-divider.bottom, .pm-single-tags-container.bottom, .pm-likes-title.bottom {
        display: none;
    }

.pm-single-tags-container {
    margin-left: 15px;
}

.pm-tags-title {
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 5px;
}

.pm-tags-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    overflow: hidden;
}

    .pm-tags-list li:before {
        margin: 0;
        padding: 0;
        content: "";
    }

    .pm-tags-list li {
        float: left;
        margin-right: 4px;
    }

        .pm-tags-list li a {
            font-size: 12px;
            color: #f1482b;
            transition: all 0.4s;
            -moz-transition: all 0.4s;
            -webkit-transition: all 0.4s;
            -o-transition: all 0.4s;
        }

            .pm-tags-list li a:hover {
                color: #333;
            }

.pm-likes-title {
    font-size: 18px;
    color: #1a1a1a;
    margin-bottom: 5px;
    margin-left: 15px;
}

    .pm-likes-title span {
        color: #EF5438;
    }
.pm-single-post-desc-container{
        background: #fafafa;
    padding: 5px;
}
.pm-single-post-desc-container.half-width {
    float: left;
    padding-left: 31px;
    width: 75%;
    background: #fafafa;
    padding: 5px;
}

.pm-single-post-desc-container.full-width {
    float: left;
    padding-left: 31px;
    width: 100%;
        background: #fafafa;
    padding: 5px;
}

.pm-single-post-share-container {
    border-bottom: 3px solid #ef5438;
    border-top: 3px solid #ef5438;
    clear: both;
    display: inline-block;
    margin: 40px 0;
    padding: 30px;
    width: 100%;
}

    .pm-single-post-share-container p {
        float: left;
        font-size: 18px;
        color: #333;
        text-transform: uppercase;
        line-height: 44px;
        margin-bottom: 0px;
    }

.pm-single-post-share-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: right;
}

    .pm-single-post-share-list li:before {
        content: "";
        margin: 0;
        padding: 0;
    }

    .pm-single-post-share-list li {
        float: left;
        margin-right: 4px;
    }

        .pm-single-post-share-list li:last-child {
            margin-right: 0px;
        }

        .pm-single-post-share-list li a {
            background-color: #ef5438;
            color: white;
            display: block;
            font-family: 'FontAwesome';
            font-size: 18px;
            height: 45px;
            text-align: center;
            width: 45px;
            padding-top: 14px;
            border-radius: 99px;
            -moz-border-radius: 99px;
            -webkit-border-radius: 99px;
            -o-border-radius: 99px;
            transition: all 0.4s;
            -moz-transition: all 0.4s;
            -webkit-transition: all 0.4s;
            -o-transition: all 0.4s;
        }

            .pm-single-post-share-list li a:hover {
                background-color: #333;
            }

.pm-comments-container {
}

.pm-comment-reply-btn {
    margin-top: 15px;
}

.pm-comment-section-title {
    font-size: 16px;
    color: #4dcc00;
    font-weight: bold;
}

.pm-comment-avatar img {
    width: 64px;
}

.pm-comment-box-container {
    padding: 10px;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
}

.pm-comment {
    border-top: 1px solid #4dcc00;
    border-bottom: 1px solid #4dcc00;
    padding: 10px;
}

.pm-submit-comment-form-container {
    border-top: 4px solid #4dcc00;
}
/*css Software*/
.topbar {
    /*background: url(../Images/bgtopwhite.png) repeat-x;
    background-position-y: -10px;*/
}

.ddlStock {
    color: #723602;
    border: none;
    margin-top: 2px;
    height: 26px;
}

.ulSetting {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}

    .ulSetting li {
        font-size: 12px;
        color: #fff;
    }

        .ulSetting li .btn-group button {
            background: none;
            border: none;
            margin-top: 2px;
        }

#section-content {
}

.divToolbarTop {
    padding: 0 !important;
}

.ulDetailStockTopCenter li {
    float: left !important;
    font-size: 12px;
    padding-right: 10px;
    margin-top: 0;
    color: #fff;
}
.tblc thead tr td{
    padding: 0 !important;
}
#stockList thead tr td{
    padding: 0 !important;
}
#stockList tbody tr:hover{
    background: #969696;
}
#tblCurrentPriceBoard{
    margin-bottom: 0 !important;
}
#txtKeySearch{
    padding: 0 !important;
    width: 115px;
    height: 26px;
}
#btnSearch{
    height: 26px;
}
#paging-wrap{
    margin-right: 13px;
}
#btnHistoryData{
    position:absolute;
    left:5px;
    background: none !important;
    margin: 0;
    font-size:12px
}
#tblCurrentPriceBoard thead tr td{
    padding: 0 !important;
}
.lefttop{
    width: 12% !important;
    padding-right: 0 !important;
    overflow: hidden;
    position: relative;
}
.centertop{
 width: 58% !important; padding: 0 !important;
}
.detailStock {
    padding: 0 !important;
    font-family: inherit !important;
    background: #000; 
}

    .detailStock button {
        border: none !important;
        margin: 2px;
    }

    .detailStock input {
        border: none !important;
    }

    .detailStock div table thead tr td {
        padding: 4px;
        text-align: center;
    }

    .detailStock table thead {
        background: #ccc;
    }

        .detailStock table thead tr td {
            color: #000;
            font-weight: bold;
            font-size: 11px;
        }

    .detailStock .table-bordered {
        border: none !important;
    }

    .detailStock table tbody tr td {
        color: #fff;
        font-size: 10px;
        padding: 0 !important;
        text-align: center;
        border: 1px solid #333333;
        font-weight: bold;
    }

    .detailStock table tbody tr:hover {
        cursor: pointer;
    }

        .detailStock table tbody tr:hover td {
            color: #000;
        }

.detailStockCenter {
    max-height: 600px;
}

    .detailStockCenter h5 {
        color: #DEDE49;
        font-weight: bold;
        padding: 0;
        margin-top: 2px;
        margin-bottom: 0;
        text-align: center;
        padding-top: 5px;
    }

    .detailStockCenter div {
        padding: 0;
    }

.s-top {
    width: 46% !important;
}

    .s-top .progress-stock {
        width: 65% !important;
    }

.progress-stock {
    border-radius: 0 !important;
    background-color: #000 !important;
    margin-bottom: 0 !important;
    width: 52%;
    height: 15px !important;
}

.r-stock {
    height: 15px;
}

.stock-item {
    color: #ccc;
    width: 16%;
    text-align: center;
    font-size: 11px;
}

    .stock-item.stock-item-left {
        text-align: left;
        padding-left: 3px;
    }

    .stock-item.stock-item-right {
        text-align: right;
        padding-right: 3px;
    }

.breadcrumb-member ul li {
    float: left;
    padding-right: 15px;
    font-size: 14px;
    margin-top: 0;
}
.breadcrumb-member ul li:last-child{
    padding-right:0
}
.detailStockLeft {
    height: 454px !important;
}

    .detailStockLeft table {
        overflow-x: hidden;
    }

        .detailStockLeft table thead tr {
        }

        .detailStockLeft table thead tr {
            background: url(../Images/bgthead.jpg) repeat-x;
            background-position-y: -10px;
        }

    .detailStockLeft table {
        margin-bottom: 0 !important;
    }

        .detailStockLeft table thead tr td {
            border: none !important;
            font-weight: normal !important;
        }

.detailStockRight {
    width: 11% !important;    
    padding:0 !important;
}
.tblRight{
    width: 100%;
    overflow-y: scroll;
    padding: 0 !important;
    overflow-x: hidden;
    max-height: 600px;
    margin: 0 !important;
}
.detailStockLeft::-webkit-scrollbar {
    width: 1em;
}

.detailStockLeft::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.detailStockLeft::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.detailStockLeft::-webkit-scrollbar {
    width: 1em;
}

.tblRight::-webkit-scrollbar {
    width: 1em;
}

.tblRight::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.tblRight::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
}

.tblRight::-webkit-scrollbar {
    width: 1em;
}

.detailStockRight table {
    
}

    .detailStockRight table thead tr {
        background: url(../Images/bgthead.jpg) repeat-x;
        background-position-y: -10px;
    }

        .detailStockRight table thead tr td {
            font-weight: normal !important;
        }

        .detailStockRight table thead tr td {
            border: none !important;
        }

.titletheadc {
        height: 16px;
    line-height: 16px;
    font-size: 13px;
    text-align:center;
}

.titletheadc, .tblc thead tr {
    background: url(../Images/bgthead.jpg) repeat-x;
    background-position-y: -10px;
    color: #723602;
    font-weight:bold;
}

    .tblc thead tr td {
        border: none !important;
        color: #723602 !important;
    }

.tblStockName {
    border: 1px solid #337ab7;
    width: 100%;
}

    .tblStockName thead tr td {
        padding: 10px;
        border: 1px solid #ccc;
        text-align: center;
        font-weight: bold;
        color: #723602;
    }

    .tblStockName tbody tr td {
        text-align: center;
        border: 1px solid #ccc;
    }

    .tblStockName tbody tr:hover {
        background-color: #4dcc00;
        color: #723602;
        font-weight: bold;
        cursor: pointer;
    }

.detailStockName table thead tr {
    padding: 5px;
    background-color: #ccc;
}

    .detailStockName table thead tr:first-child {
        background-color: #fff !important;
        color: #723602;
        font-weight: bold;
    }

    .detailStockName table thead tr td {
        text-align: center;
        padding: 5px;
        font-weight: bold;
        width: 100px;
    }

.detailStockName table tbody tr td {
    text-align: center;
    padding: 5px;
    width: 100px;
}

.progressStock ul li {
    padding-bottom: 60px;
}

.progressbar {
    height: 25px !important;
}

.tbl3 tbody tr td {
    border: 1px solid #ccc;
}

.tbl3 tbody tr:hover {
    background-color: #4dcc00;
    color: #723602;
    font-weight: bold;
}

.tbl4 {
    width: 100%;
    border: 1px solid #ccc;
}

    .tbl4 thead tr td {
        background: #ccc;
    }

    .tbl4 tbody tr td {
        font-size: 13px;
        border: 1px solid #ccc;
    }

.lstYourFavourite table {
    margin: 0 !important;
}

    .lstYourFavourite table tbody tr td {
        padding: 2px;
    }
/*forum*/
.post-forum-item {
    border-bottom: 1px dotted #ccc;
    padding: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.post-forum-icon {
    padding: 0 !important;
}

.post-forum-title {
    color: #1c529d;
    padding: 0 !important;
}

.post-forum-action {
    background-color: #fafafa;
}

.post-forum-answer {
    padding-left: 0 !important;
}

.post-forum-item-answer {
    padding-left: 0 !important;
}
.iframe-chart{
    width: 613px;
    height: 375px;
    margin-left: -68px;
    margin-top: -112px;
}
#chart{
    width: 760px;
}
#tvc_frame{
        margin-left: -58px;
    height: 515px;
    margin-top: -151px;
    width: 345px;
}
.btnReadmore{
    border: none;
    background: none;
    font-size: 11px;
    color: #4dcc00;
}
.progress-bar-warning {
    background: #DEDE49  !important;
}
.progress-stock.pull-right .progress-bar-warning{
background: #DEDE49  !important;
}
.frm-change label{
    font-size: 12px;
    float:right;
}
.frm-change input{
    width: 85%;
}
#ctl00_ContentPlaceHolder1_ChangePassword1 table{
    width: 85% !important;
}
#ctl00_ContentPlaceHolder1_ChangePassword1 table tbody tr td{
    padding-bottom: 10px !important;
    padding-right: 10px !important; 
}
#ctl00_ContentPlaceHolder1_ChangePassword1 table tbody tr td label{
    font-weight: bold !important;
    font-size: 12px;
}
#ctl00_ContentPlaceHolder1_ChangePassword1 table tbody tr td input{
    width: 200px !important;
}
#ctl00_ContentPlaceHolder1_ChangePassword1 table tbody tr td input[type=submit]{
    width: 100px !important;
}
input.error{
    border: 1px solid #e45a5a !important;
}
label.error{
    font-size: 11px !important;
    color: red !important;
}
span.help-inline{
    color:red !important;
}

/* leaflet */
.leaflet-top{
    text-align:center;
    border-bottom: 10px solid #4dcc00;
}
.leaflet-center{
    background-color: #4dcc00;
    text-align:center;
    padding: 10px;

}
.leaflet-center img{
   max-width: 100%;
}
.leaflet-top img, .leaflet-bottom img{
    max-width: 100%;
}
.leaflet-bottom{
    text-align: center;
}
.btn-leaflet.btn-next{
    position: absolute;
    right: 0;
    top:50%;
}
.btn-leaflet.btn-previous{
    position:absolute;
    left:0;
    top:50%;
}
.downfile{
    position:absolute;
    right:0;
    top:45%;
}
/* --end leaflet--*/
/*--end section-content--*/

footer {
    background: #4dcc00;  
}

    footer p {
        font-size: 13px;
        color: #4d2d2d;
        padding-top: 10px;
        margin-left: 15px;
    }
/*--custom--*/
#info table.tblInfo td {
    color: #fff !important;
    padding: 0 5px !important;
    border: none !important;
}

#info {
    padding: 2px 0 0 9px;
}

#loading {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(/Images/loading.gif) center center no-repeat #ccc;
    opacity: 0.5;
    z-index:100000
}
#lineTooltip,#lineTooltipX{
    border-color:#fff
}
#tblTKTaiChinh table tbody tr td {
    
}
@-moz-document url-prefix() {
    #tblTKTaiChinh table thead tr td{
        font-size: 10px !important;
    }
}
#stockList tbody tr.active>td{
    background:#337AB7 !important
}
label.error{
    width: 100% !important;
}
.pl.col-md-4{
    padding-left: 5px;
}